::-webkit-scrollbar {
  width: 0;
}
/deep/ .van-hairline--top-bottom::after {
  border-width: 0 0;
}
/deep/ .van-tabs--line .van-tabs__wrap {
    position: fixed;
    width: 100%;
    height: 0.5rem;
    z-index: 99;
}
/deep/ .van-tabs__content{
  padding-top: .5rem;
}
.lottery {
  width: 100%;
  height: 100vh;

  .taberimg_log {
    position: fixed;
    width: 3.75rem;
    height: 0.5rem;
    background: url("../../assets/image/backimg_baerr.png") no-repeat;
    background-size: 3.75rem 0.5rem;
    top: 0;
    z-index: 9;
  }
  /deep/ .my-swipe .van-swipe-item {
    width: 100%;
    height: 1.21rem;
    color: #fff;
    font-size: 20px;
    text-align: center;
    img {
      width: 100%;
      height: 100%;
      display: inline-block;
    }
  }
  .baerry {
    width: 100%;
    // height: 1.2rem;
    z-index: 9;
    // margin-top: 0.4rem;
  }
  /deep/ .van-swipe__track {
    width: 100%;
  }
  .baerrya {
    width: 100%;
    // height: 1.2rem;
    // margin-top: 0.7rem;
    z-index: 9;
    img {
      width: 100%;
      height: 1.2rem;
      display: inline-block;
    }
  }

  #navspan {
    width: 0.11rem;
    height: 0.13rem;
    display: inline-block;
    margin-right: 0.06rem;
    text-align: center;
    line-height: 0.1rem;
  }
  .toplist {
    z-index: 999;
    width: 100%;
    height: 0.3rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0.48rem;
  }
  .toplista {
    z-index: 999;
    width: 100%;
    height: 0.37rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0.9rem;
  }
  #navbass {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0.21rem;
  }
  // /deep/ .van-dropdown-menu{
  //   width: 100%;
  //   display: flex;
  // }

  /deep/ .van-dropdown-menu__title--active {
    color: #333;
  }
  /deep/ .van-dropdown-menu__title {
    color: #333;
  }
  // /deep/ .van-dropdown-menu__bar{
  //    right: -2.7rem;
  // }
  /deep/ .van-dropdown-menu__bar--opened {
    z-index: 1;
  }
  .nav-more-list {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin-top: 0.21rem;
    .nav_activ {
      width: 0.8rem;
      height: 0.32rem;
      background: url("./dtatel.png");
      line-height: 0.32rem;
      text-align: center;
      font-size: 0.13rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      display: block !important;
      border: 0.01rem solid #f84948;
      color: #f84948 !important;
      margin-bottom: 0.2rem;
      border-radius: 0.04rem;
    }
    span {
      width: 0.8rem;
      height: 0.32rem;
      background: url("./dtatel.png");
      line-height: 0.32rem;
      text-align: center;
      font-size: 0.13rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      display: block !important;
      color: #333;
      margin-bottom: 0.2rem;
      border-radius: 0.04rem;
      margin-right: 0.07rem;
      margin-left: 0.06rem;
    }
  }
  /deep/ .van-overlay {
    z-index: 1 !important;
  }

  .tread {
    background-color: #f2f2f6;
  }
  .van-list {
    padding-top: 0.11rem;
    background-color: #f2f2f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.15rem 0 0.15rem;
  }

  /deep/ .van-tab {
    font-size: 0.16rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
  }
  /deep/ .van-tabs__line {
    width: 0.2rem !important;
    bottom: 0.2rem;
  }
  /deep/ .van-cell {
    z-index: 5;
  }
}

/deep/ .van-overlay {
  z-index: 1 !important;
}

.lottery {
  background-color: #f2f2f6;
}
.lottery_list {
  position:relative;
  width: 100%;

  margin-top: 0.11rem;
  margin-bottom: 0.11rem;
  background-color: #fff;
  border-radius: 0.1rem;
  padding-top:.05rem;
  .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    .left {
      margin-left: 0.2rem;
    }
    .left > span:nth-child(1) {
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(0, 0, 0, 1);
      padding-right: 0.04rem;
    }
    .left > span:nth-child(2) {
      font-size: 0.13rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(0, 0, 0, 1);
    }
    .right {
      margin-right: 0.06rem;
    }
    .right > span {
      position: relative;
      font-size: 0.12rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(102, 102, 102, 1);
      margin-left: 0.06rem;
    }

    .right > span:nth-child(3) {
      margin-right: 0.1rem;
      img {
        width: 0.06rem;
        height: 0.12rem;
      }
    }
  }
  .content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.13rem;
    padding-left: 0.2rem;
    .redpading_a {
      width: 0.15rem;
      height: 0.28rem;
      margin-right: 0.03rem;
      background: rgba(248, 72, 72, 1);
      line-height: 0.28rem;
      text-align: center;
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      border-radius: 0.04rem;
    }
    .redpading {
      width: 0.29rem;
      height: 0.29rem;
      margin-right: 0.1rem;
      background: rgba(248, 72, 72, 1);
      line-height: 0.29rem;
      text-align: center;
      border-radius: 0.14rem;
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
    }
    .cla_lan {
      width: 0.29rem;
      height: 0.29rem;
      background: rgba(81, 135, 255, 1);
      border-radius: 0.14rem;
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      line-height: 0.29rem;
      margin-right: 0.1rem;
    }
    .gooer {
      position: absolute;
      right: 0;
    }
  }
  .button {
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.05rem;
    padding-left: 0.06rem;
    padding-right: 0.1rem;
    .barit {
      width: 33.3%;
      box-sizing: border-box;
      padding: 0 0.06rem;
      .span {
        width: 100%;
        height: 0.24rem;
        display: inline-block;
        background: url("./icon-juxin.png") no-repeat;
        background-size: 100% 0.24rem;
        line-height: 0.24rem;
        text-align: center;
        font-size: 0.11rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(167, 52, 50, 1);
        img {
          width: 0.06rem;
          height: 0.11rem;
          margin-left: 0.07rem;
        }
      }
    }
  }
}
.lottery_lista {
  width: 100%;
  margin-top: 0.11rem;
  margin-bottom: 0.11rem;
  background-color: #fff;
  border-radius: 0.1rem;
  .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    .left {
      margin-left: 0.2rem;
    }
    .left > span:nth-child(1) {
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(0, 0, 0, 1);
      padding-right: 0.04rem;
    }
    .left > span:nth-child(2) {
      font-size: 0.13rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(0, 0, 0, 1);
    }

    .right > span {
      position: relative;
      font-size: 0.12rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(102, 102, 102, 1);
      margin-right: 0.08rem;
    }
  }
  .content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.13rem;

    padding-left: 0.2rem;
    .redpading_a {
      width: 0.15rem;
      height: 0.28rem;
      margin-right: 0.03rem;
      background: rgba(248, 72, 72, 1);
      border-radius: 0.14rem;
      line-height: 0.28rem;
      text-align: center;
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
    }
    .redpading {
      width: 0.29rem;
      height: 0.29rem;
      margin-right: 0.1rem;
      background: rgba(248, 72, 72, 1);
      line-height: 0.29rem;
      text-align: center;
      border-radius: 0.14rem;
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      margin-bottom: 0.05rem;
    }
    .cla_lan {
      width: 0.29rem;
      height: 0.29rem;
      background: rgba(81, 135, 255, 1);
      border-radius: 0.14rem;
      font-size: 0.16rem;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      text-align: center;
      line-height: 0.29rem;
      margin-right: 0.1rem;
      margin-bottom: 0.05rem;
    }
    .gooer {
      position: absolute;
      right: 0;
    }
  }
  .button {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    padding-bottom: 0.1rem;
    .barit {
      width: 33.3%;
      box-sizing: border-box;
      padding-left: 0.15rem;
      .span {
        width: 100%;
        height: 0.24rem;
        display: inline-block;
        background: url("./icon-juxin.png") no-repeat;
        background-size: 100% 0.24rem;
        line-height: 0.24rem;
        text-align: center;
        font-size: 0.11rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(167, 52, 50, 1);

        img {
          width: 0.06rem;
          height: 0.11rem;
          margin-left: 0.07rem;
        }
      }
    }
  }
}
/deep/ .van-tab {
  font-size: 0.16rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}
/deep/ .van-dropdown-menu__bar {
  // position: fixed;
  width: 1.2rem;
  z-index: 9;
  height: 0.3rem;
  right: 0;
  // top: 1rem;
  box-shadow: none;
}

.award{
  &-everyday{
    position:absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .2rem;
    background:url(../../assets/lottery_icon2.png) no-repeat;
    background-size:100% auto;
  }
  &-today{
    position:absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .2rem;
    background:url(../../assets/lottery_icon1.png) no-repeat;
    background-size:100% auto;
  }
  &-everyday2{
    position:absolute;
    top: 0;
    right: 0;
    width: .6rem;
    height: .2rem;
    background:url(../../assets/lottery_icon3.png) no-repeat;
    background-size:100% auto;
  }
  &-today2{
    position:absolute;
    top: 0;
    right: 0;
    width: .6rem;
    height: .2rem;
    background:url(../../assets/lottery_icon4.png) no-repeat;
    background-size:100% auto;
  }
}
a,a:visited,a:link{color: #333;text-decoration: none;}
.exper-info{
  font-size: .12rem;
  color: #5187FF;
  padding:0.05rem .2rem .1rem;
  .red{
    color: #A73432;
    padding: 0 3px;
  }
}